<!DOCTYPE html>
<html>
<head>
    <title>Title - @yield('title')</title>
    <meta charset=utf-8>
    <meta name=description content="">
    <meta name=viewport content="width=device-width, initial-scale=1">
</head>
<body>
<style type="text/css">
  /*   .header{
        width:;
    } */
    div[class=header]{
        width:100%;
        height:80px;
        background-color:#236A31;
        text-align:center;
        line-height:80px;

    }

    .content{
        text-align:center;
        background-color:#554C4C;
        width:80%;
        margin:auto;
        height:500px;
        line-height:500px;
    }
    .footer{
        text-align:center;
        background-color:#3E4882;
        width:100%;
        height:100px;
        line-height:100px;

    }
</style>
<div class="header">
    @section('header')
    头部
    @show
</div>
<div class="content">
    @yield('content','内容');
</div>
<div class="footer">
    @section('footer')
    尾部
    @show
</div>


</body>
</html>